<template>
  <div id="app">
    <!-- 这是全局组件 -->
    <router-view/>
    <tabbar></tabbar>   <!-- 3、调用组件 -->
  </div>
</template>

<script>
/* 1、引入tabbar组件: import组件名 from 相对路径 */
import Tabbar from './components/tabbar.vue'

export default {
  name: 'app',
  components: {
    Tabbar    // 2、挂载相关的组件
  },
  // 页面刷新时, 实现路由重定向
  beforeCreate: function(){
    this.$router.push('/');
  },
}
</script>

<style>
  /* 设置全局的CSS样式 */
  *{margin: 0; padding: 0;}

#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
</style>
